<%@taglib uri="http://www.springframework.org/tags/form" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>SindromK Free css template</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  <script>
  $(document).ready(function() {
    $("#accordion").accordion();
    
  //getter
    var collapsible = $( "#accordion" ).accordion( "option", "collapsible" );
    //setter
      //$("#accordion").accordion( "option", "active", 2 );
    
    var active = $( ".selector" ).accordion( "option", "active" );
    
    $( "#accordion" ).accordion({ active: "false" });
    
    
    
  });
  </script>
 
  
</head>
<body>

<div id="main_container">
	<div id="header">
    	<div id="logo"><a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a></div>
        
        <div id="menu_tab">                               
                <ul class="menu">                         
                     <li><a href="<c:url value="login.jsp"/>" class="nav_home"> INICIO </a></li>
                     <li><a href="#" class="nav_about"> RENIEC</a></li>
                     <li><a href="#" class="nav_services"> SAT</a></li>
                     <li><a href="#" class="nav_help"> ESSALUD</a></li>
                 </ul>
        </div>        
        
        
    </div>
    
            
    <div id="main_content">
    
    	<div class="left_content">
           
             	<div class="contact_form">
                           
				<f:form id="consulta" name="consulta" method="post"
					action="consulta.htm" commandName="consulta">
					
					<div class="form_row">
	                    <label class="contact"><strong>Bienvenido Capitan :</strong></label>
	                    <label class="contact"> ${usuarioLog.apePaterno} </label>
                    </div>  					
					<div class="form_row">
	                    <label class="contact"><strong>Ingrese DNI :</strong></label>
	                    <input type="text" class="contact_input" name="dni" type="text" id="dni"/>
                    </div>  	
						
					<input class="button orange" type="submit" value="Consultar"/>		

				</f:form>  
                </div>                 
                 
        </div><!-- end of left content-->     

                
	<div class="clear"></div>
    </div><!-- main_content-->  
    
<!-- acordeon - inicio -->    
<div id="accordion">
	<h3><a href="#">RESULTADO DE LA CONSULTA A RENIEC</a></h3>
	<div>
	  <c:if test="${not empty ciudadanoInfo}">
		<c:choose>
		    <c:when test='${ciudadanoInfo == "No esta registrado"}'>
		        No esta registrado
		    </c:when>
		    <c:otherwise>
				<ul>
				  <li>Nombre :  ${ciudadanoInfo.nombre}</li>
				  <li>Apellido Paterno :  ${ciudadanoInfo.apePaterno}</li>
				  <li>Apellido Materno :  ${ciudadanoInfo.apeMaterno}</li>
				  <li>Sexo :  ${ciudadanoInfo.sexo}</li>
				  <li>Direccion :  ${ciudadanoInfo.direccion}</li>
				  <li>Fecha Nacimiento :  <fmt:formatDate pattern="dd-MM-yyyy" value="${ciudadanoInfo.fechaNacimiento}" /> </li>
				</ul>
		    </c:otherwise>
	    </c:choose>	  
	  </c:if> 
	</div>
	<h3><a href="#">RESULTADO DE LA CONSULTA A ESSALUD</a></h3>
	<div>
	  <c:if test="${not empty acreditacionInfo}">
		<c:choose>
		    <c:when test='${acreditacionInfo == "No esta acreditado"}'>
		        No esta acreditado
		    </c:when>
		    <c:otherwise>
				<ul>
				  <li>Tipo de Asegurado :  ${acreditacionInfo.tipoAsegurado}</li>
				  <li>Autogenerado :  ${acreditacionInfo.autogenerado}</li>
				  <li>Tipo de Seguro :  ${acreditacionInfo.tipoSeguro}</li>
				  <li>Centro Asistencial :  ${acreditacionInfo.centroAsistencial}</li>
				  <li>Direccion Centro :  ${acreditacionInfo.direccionCentro}</li>
				  <li>Fecha Vigencia :  <fmt:formatDate pattern="dd-MM-yyyy" value="${acreditacionInfo.fechaVigenciaHasta}" /> </li>
				</ul>
		    </c:otherwise>
	    </c:choose>	  
	  </c:if>    

	</div>
	<h3><a href="#">RESULTADO DE LA CONSULTA AL SAT</a></h3>
	<div>
		<c:if test="${not empty sanciones}">
		
		 <c:choose>
		    <c:when test='${sanciones == "No tiene papeletas"}'>
		        No tiene papeletas
		    </c:when>
		    <c:otherwise>
			    <table id="mytable" cellspacing="0" summary="The technical specifications">
						<tr>
						  <th scope="col" >Papeleta</th>
						  <th scope="col" >Licencia</th>
						  <th scope="col" >Falta</th>
						  <th scope="col" >Placa</th>
						  <th scope="col" >Tipo Falta</th>
						  <th scope="col" >Fecha Infraccion</th>
						</tr>			            

			        <tbody>
			        <c:forEach var="sancion" items="${sanciones}">
			            <tr>
			                <td>${sancion.papeleta}</td>
			                <td>${sancion.licencia}</td>
			                <td>${sancion.falta}</td>
			                <td>${sancion.placa}</td>
			                <td>${sancion.tipoFalta}</td>
			                <td><fmt:formatDate pattern="dd-MM-yyyy" value="${sancion.fechaInfraccion}" /></td>
			            </tr>
			        </c:forEach>
			        </tbody>
			    </table>
		    </c:otherwise>
	    </c:choose>	 
		</c:if>  
	</div>

</div>

<!-- acordeon - fin --> 

</div>
</body>
</html>